.news-top div:first-child {

    width: 0;
    height: 30px;
    border: 2px solid #3594d6;
}

.news-top {
    width: 100%;
    margin-top: 20px;
}

.news-top div {
    float: left;
    line-height: 30px;
    height: 30px;
    /*magin  四个参数的时候 表示 上 右 下 左  两个参数情况下  上下  左右  一个参数的情况下 四周离自身多远*/
    margin: 0 10px;
}

/*-------------------------------------------------------------------*/
.back-news-content {
    clear: both;
}

.back-news-content .float-right > div {
    float: left;
}

/*---------------------------表格------------------------------------------*/
.table-responsive {
    /*padding: 10px 20px;*/
}

.table thead {
    background-color: #2b6a98;
}

.table tbody tr td {
    text-align: center;
}

.table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}


.table tbody tr td:nth-child(2) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.table a {
    margin: 0 10px;
}


.table tbody tr:nth-child(even) {
    background-color: lightgray;
}

.table tbody tr:hover {
    background-color: rebeccapurple;
}

/*---------------------------------------------------------*/
.back-news-page input[type=button] {
    background-color: #3594d6;
    padding: 5px 10px;
}

.back-news-page span {
    padding: 5px 10px;
}

.back-news-page-top {
    height: 50px;
    box-shadow: 5px 5px 5px slategray;

}

.back-news-page-bottom {
    padding: 20px;
    display: flex;
    justify-content: center;

}

.back-news-page-bottom input[type=text] {
    width: 30px;
}

.back-news-page-bottom .float-left:first-child {
    height: 34px;
    line-height: 34px;
}

.back-news-page{
    width: 80%;
    position: fixed;
    bottom: 0;
}